import React from 'react';
import { useLocation, useNavigate } from 'react-router-dom';
import "../../../styles/HuangYuDong/HuiYi/HuiYiShiXiangQing.scss"
interface Props{}
function HuiYiShiXiangQing(props:Props) {

    const {state:record} = useLocation()
    let navigate = useNavigate()
    let fanhui =()=>{
      navigate(-1)
    }
    return (
        <div className='huiyishi_xiangqing'>
            <h2>会议室详情  <button className="fanhui" onClick={()=>{fanhui()}}>返回</button></h2>
           <div className='center'> 
            <div className='left'>
                <img src={record.pic} alt="" />
            </div>
            <ul>
                <li>会议室名称  <span>{record.name}</span></li>
                <li>所在城市    <span>{record.chengshi}</span></li>
                <li>最多容纳人数    <span>{record.renshu}</span></li>
                <li>备注    <span>{record.beizhu}</span></li>
                <li>可用范围    <span>全部成员</span></li>
                <li>预定需审批  <span>{record.shenpi}</span></li>
                <li>所在地点    <span>{record.didian}</span></li>
                <li>具体地址    <span>{record.chengshi}</span></li>
                <li>设配    <span>{record.shebei}</span></li>
                <li>允许预定    <span>{record.yuding}</span></li>
            </ul>
            </div>
        </div>
    );
}

export default HuiYiShiXiangQing;